{% extends "base.html" %}
<!--11.4 import statement works similarly to a python import-->
{% import 'bootstrap/wtf.html' as wtf %}
<!--3.3, login form template-->
{% block app_content %}
    <h1>Sign In</h1>
<!-- The novalidate attribute is used to tell the web browser to not apply validation to the fields in this form-->
<!-- optional, but  it will allow you to test server-side validation later in this chapter.-->
    <!--11.4 将原来的from替换为div, adds a wtf.quick_form() macro that in a single line of code renders the complete form-->
    <div class="row">
        <div class="col-md-4">
            {{ wtf.quick_form(form) }}
        </div>
    </div>
<!--5.9 Link to registration page-->
    <p>New User? <a href="{{ url_for('register') }}">Click to Register!</a></p>
<!--10.4 password reset link-->
    <p>
        Forgot Your Password?
        <a href="{{ url_for('reset_password_request') }}">Click to Reset It</a>
    </p>
{% endblock %}